<template>
  <DkAppUserHeader v-if="item.type === 'DkAppUserHeader'" v-bind="item.props" />
  <DkAppUserContent v-if="item.type === 'DkAppUserContent'" v-bind="item.props" />
  <DkAppFundContent v-if="item.type === 'DkAppFundContent'" v-bind="item.props" />
  <DkAppFundList v-if="item.type === 'DkAppFundList'" v-bind="item.props" />
</template>

<script>
export default {
  name: 'DkDiyComponents',
  props: {
    item: {
      type: Object,
      default: () => {
        return {}
      },
    },
  },
  computed: {
    _style() {
      const setting = this.item.setting || {}
      let style = setting.style
      if (setting.is_position) {
        style.position = 'fixed'
        style = Object.assign(style, setting.position)
      }
      return style
    },
  },
}
</script>

<style>
</style>
